<!DOCTYPE html>
<html lang="en" xmlns:width="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../../resources/jquery-easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../../../resources/jquery-easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../../../resources/jquery-easyui/demo/demo.css">
    <link rel="stylesheet" type="text/css" href="../../../resources/login/css/demo.css">
    <!--<%&#45;&#45;<link rel="stylesheet" type="text/css" href="lib/jquery-easyui/demo.css">&#45;&#45;%>-->
    <script type="text/javascript" src="../../../resources/jquery-easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../../../resources/jquery-easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../../resources/admin/urlAdmin.js"></script>
    <style>
        .main_bar {
            /*width:1350px;*/
            height: 350px;
            /*background-color:#6495ED;*/
            /*margin-top:10%;*/
        }

        #login_form {
            width: 40%;
            height: 100%;
            background-color: #112435;
            margin: 0 auto;
        }

        .title {
            width: 100%;
            height: 55px;
            color: #ffffff;
            border-bottom: 1px solid #ffffff;
            font-size: 20pt;
            font-family: "微软雅黑";
            line-height: 55px;
            text-align: center;
        }

        #form_widget {
            width: 100%;
            height: 295px;
            background-color: #808080;
        }

        .txt {
            display: block; /*设置为独立块（换行）*/
            width: 70%;
            margin: 0 auto;
            height: 35px;
            font-size: 15pt;
            border-radius: 5px; /*设置圆角样式*/
            border: 0;
            padding-left: 8px;
        }

        #vcode {
            height: 35px;
            width: 40%;
            font-size: 15pt;
            margin-left: 15%;
            border-radius: 5px;
            border: 0;
            padding-left: 8px;
        }

        #code {
            color: #ffffff; /*字体颜色白色*/
            background-color: #000000;
            font-size: 20pt;
            font-family: "华康娃娃体W5";
            padding: 5px 35px 10px 35px;
            margin-left: 5%;
            cursor: pointer;
        }

        #search_pass_link {
            width: 70%;
            text-align: right;
            margin: 0 auto;
            padding: 5px;
        }

        /*层级选择器*/
        #search_pass_link a {
            color: #000000;
            text-decoration: none;
        }

        /*伪类*/
        #search_pass_link a:hover {
            color: #ff0000;
            text-decoration: underline;
        }

        .btn {
            width: 70%;
            /*margin-left:15%;*/
            height: 40px;
            border: 0;
            font-size: 14pt;
            font-family: "微软雅黑";
            background-color: #FC5628;
            color: #ffffff;
            cursor: pointer; /*设置指针鼠标的样式*/
            border-radius: 20px; /*设置圆角样式*/
            border: 0;
        }

        #copyright {
            width: 100%;
            text-align: center;
            padding-top: 20px;
            font-family: "微软雅黑";
            color: #e0e0e0;
        }
    </style>
</head>
<body class="easyui-layout">
<div data-options="region:'north',border:false"
     style="height:90px;background:#B3DFDA;padding:10px;text-align: center;font-size: 45px">POS机升级管理系统
</div>
<!--<div data-options="region:'west',split:true" style="width:450px;padding:10px;display: none">west content</div>-->
<!--<div data-options="region:'east',split:true,collapsed:true" style="width:300px;padding:10px;display: none">east region</div>-->
<!--<div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div>-->
<div data-options="region:'center'" style="margin: 0 auto;background:#c6dfde;padding:10px;text-align: center">
    <!--<form style="width:450px;height:300px;margin: 100px auto;background: #f7efb7;border: 20px" id="ff" method="post">-->
    <!--<div class="input-up">-->
    <!--<lable>账号：</lable>-->
    <!--<input class="easyui-validatebox" placeholder="请输入账号" type="text" name="mobile"/>-->

    <!--</div>-->
    <!--<div class="input-up">-->
    <!--<lable>密码:</lable>-->
    <!--<input class="easyui-validatebox" placeholder="请输入密码" type="text" name="password" />-->
    <!--</div>-->
    <!--<div style="margin-top: 30px">-->
    <!--<input style="color: red;margin-right: 10px" type="reset" value="清空"/>-->
    <!--<input id="submitLogin" style="color: skyblue;margin-left: 10px" type="submit" value="登录"/>-->
    <!--</div>-->
    <!--</form>-->
    <div class="main_bar">
        <div id="login_form">
            <div class="title">
                POS机升级管理系统登录
            </div>
            <form id="ff" method="post">
                <div id="form_widget">
                    <br>
                    <input type="text" placeholder="请输入账号" id="box_name" class="txt" name="mobile"/>
                    <br>
                    <input type="password" placeholder="请输入密码" id="box_pass" class="txt" name="password"/>
                    <br>
                    <!--<input type="text" id="vcode" placeholder="验证码" value="验证码" onfocus="this.value=''" onblur="if(this.value=='')this.value='验证码'"/><span id="code" title="看不清，换一张"></span>-->
                    <!--<div id="search_pass_link">-->
                    <!--<a href="#">忘记密码？</a>-->
                    <!--</div>-->
                    <input id="submitLogin" type="submit" value="登录" class="btn"
                           onmouseover="this.style.backgroundColor='#FF8D00'"
                           onmouseout="this.style.backgroundColor='#FC5628'">
                    <br>

                    <div id="copyright">
                        Power By ZHOUJIE &copy;CopyRight 2018
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script>
    $('#ff').form({
        url: netpath+"/operator/login",
        method:"post",
        onSubmit: function (operator) {
//            operator.mobile=$("#box_name").val();
//            operator.password=$("#box_pass").val();
//            console.log(operator.mobile+'000'+operator.password)

        },
        success: function (data) {


            var dat = $.parseJSON(data)
            if (dat.success) {
                location.href =netpath+ "/operator/hello";
                alert(dat.data)
            }
            else{
                alert(dat.error)
            }
        }
    });

    $('#ff').click = function () {
        $('#ff').submit();
    };
</script>
</body>
<!--<body leftmargin="0" onload="changeImg()">-->

<!--</body>-->
<!--<script type="text/javascript">-->
<!-- -->
<!--</script>-->
</html>